<template>
  <div>
    <h1>Table</h1>
    <table>
      <thead>
        <tr>
          <th>Name</th>
          <th>Age</th>
          <th>Occupation</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>John Doe</td>
          <td>25</td>
          <td>Software Engineer</td>
        </tr>
        <tr>
          <td>Jane Doe</td>
          <td>23</td>
          <td>Teacher</td>
        </tr>
        <tr>
          <td>Michael Smith</td>
          <td>30</td>
          <td>Doctor</td>
        </tr>
      </tbody>
    </table>
    <button @click="print">Print</button>
    <button @click="exportexcel()">Export</button>
    <button @click="exportimg()">ExportImg</button>
  </div>
</template>

<script>

export default {
  methods: {
    print() {
      window.print();
    },

  },
};
</script>

<style>
table {
  border-collapse: collapse;
  width: 100%;
}

th,
td {
  padding: 8px;
  border: 1px solid #ddd;
}

th {
  text-align: left;
}
</style>